<template>
  <div class="flex flex-col items-center justify-center py-12">
    <el-icon :size="64" class="text-gray-300 mb-4">
      <component :is="icon" />
    </el-icon>
    <h3 class="text-lg font-medium text-gray-500">{{ message }}</h3>
    <slot name="action"></slot>
  </div>
</template>

<script setup>
defineProps({
  icon: {
    type: String,
    required: true
  },
  message: {
    type: String,
    required: true
  }
})
</script> 